<template>
    <div class="normal-title" :class="'normal-title-'+size">{{titles}}
        <slot name="titleMore"></slot>
    </div>
</template>
<script>
export default {
    name: 'NormalTitle',
    props: {
        titles: {
            type: String,
            default: ''
        },
        size: {
            type: String,
            default: 'small'
        }
    }
}
</script>
<style lang="less">
    .normal-title {
        font-size: 20px;
        color: #464D5F;
        text-align: left;
        padding: 15px 0;
        font-family: Semibold;
        font-weight: 700;
    }
    .normal-title-big {
        font-size: 24px;
    }
    .normal-title-large {
        font-size: 20px;
    }
    .normal-title-small {
        font-size: 18px;
    }
    .normal-title-mini {
        font-size: 16px;
    }
</style>
